<!DOCTYPE HTML>
<!--
  -- Copyright 2013 The Chromium Authors. All rights reserved.
  -- Use of this source code is governed by a BSD-style license that can be
  -- found in the LICENSE file.
  -->

<html>
  <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="main.css">
    <script src="constants.js"></script>
    <script src="third_party/polymer/platform/platform.js"></script>
    <script src="third_party/polymer/polymer/polymer.js"></script>
    <script src="api_adapter.js"></script>
    <script src="touch_fuzzing.js"></script>
    <script src="voice_input.js"></script>
    <script src="main.js"></script>

    <!-- TODO(kevers): Dynamically load alternative keys based on locale. -->
    <script src="layouts/latin-accents.js"></script>
    <script src="layouts/symbol-altkeys.js"></script>

    <link rel="import" href="elements/kb-altkey-container.html">
    <link rel="import" href="elements/kb-altkey.html">
    <link rel="import" href="elements/kb-altkey-data.html">
    <link rel="import" href="elements/kb-altkey-set.html">
    <link rel="import" href="elements/kb-key-codes.html">
    <link rel="import" href="elements/kb-key-base.html">
    <link rel="import" href="elements/kb-key.html">
    <link rel="import" href="elements/kb-keyboard.html">
    <link rel="import" href="elements/kb-keyset.html">
    <link rel="import" href="elements/kb-modifier-key.html">
    <link rel="import" href="elements/kb-row.html">
    <link rel="import" href="elements/kb-shift-key.html">
    <link rel="import" href="elements/kb-key-sequence.html">
    <link rel="import" href="elements/kb-key-import.html">
    <script src="elements/kb-altkey-container.js"></script>
    <script src="elements/kb-altkey-set.js"></script>
    <script src="elements/kb-key-codes.js"></script>
    <script src="elements/kb-key-sequence.js"></script>
    <script src="elements/kb-altkey-data.js"></script>
    <script src="elements/kb-key-base.js"></script>
    <script src="elements/kb-key.js"></script>
    <script src="elements/kb-keyset.js"></script>
    <script src="elements/kb-row.js"></script>
    <script src="elements/kb-altkey.js"></script>
    <script src="elements/kb-keyboard.js"></script>
    <script src="elements/kb-key-import.js"></script>
    <script src="elements/kb-modifier-key.js"></script>
    <script src="elements/kb-shift-key.js"></script>
  </head>
  <body>
    <!-- TODO(bshe): initial input type should not be hard coded to text. -->
    <kb-keyboard id="keyboard" touch-action="none">
      <kb-keyset id="qwerty-upper" align="center">
        <kb-row>
          <kb-key-sequence invert=true keys="`1234567890-="
              hintTexts="~!@#$%^&*()_+"> </kb-key-sequence>
          <kb-key class="dark" char="&#x0008;" repeat align="right"
              image="backspace" sound="keypress-delete" stretch weight="190">
          </kb-key>
        </kb-row>
        <kb-row align="left">
          <kb-key class="dark" char="&#x0009;" align="center"
              image="tab" weight="155"></kb-key>
          <kb-key-sequence keys="QWERTYUIOP"></kb-key-sequence>
          <kb-key-sequence invert=true keys="[]\"
              hintTexts="{}|"></kb-key-sequence>
        </kb-row>
        <kb-row>
          <kb-key class="search dark" char="Search" image='search'
              weight="210"> </kb-key>
          <kb-key-sequence keys="ASDFGHJKL"></kb-key-sequence>
          <kb-key-sequence invert=true keys=";&apos;" hintTexts=':"'>
          </kb-key-sequence>
          <kb-key class="dark" char="&#x000A;" align="right"
              image="return" sound="keypress-return" stretch weight="170"></kb-key>
        </kb-row>
        <kb-row>
          <kb-shift-key weight="265" align="left"></kb-shift-key>
          <kb-key-sequence keys="ZXCVBNM"></kb-key-sequence>
          <kb-key-sequence invert=true keys=",./" hintTexts="<>?">
          </kb-key-sequence>
          <kb-shift-key  stretch weight="135" align="right"></kb-shift-key>
        </kb-row>
        <kb-row>
          <kb-modifier-key class="dark" stretch weight="150" char="Ctrl"
              align="left">ctrl</kb-modifier-key>
          <kb-modifier-key class="dark" stretch weight="150" char="Alt"
              align="left">alt</kb-modifier-key>
          <kb-key char=" " class="space" sound="keypress-spacebar" weight="760">
          </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Left" image="left"
              weight="75"> </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Up" image="up"
              weight="75"></kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Down" image="down"
              weight="75"> </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Right" image="right"
              weight="75"></kb-key>
          <kb-hide-keyboard-key image="hide-keyboard" stretch>
          </kb-hide-keyboard-key>
        </kb-row>
        <kb-altkey-container hidden>
        </kb-altkey-container>
      </kb-keyset>

      <kb-keyset id="qwerty-lower" align="center" isDefault=true>
        <kb-row>
          <kb-key-sequence keys="`1234567890-=" hintTexts="~!@#$%^&*()_+">
          </kb-key-sequence>
          <kb-key class="dark" weight="190" char="&#x0008;"
              image="backspace" repeat sound="keypress-delete" stretch
              align="right"></kb-key>
        </kb-row>
        <kb-row align="left">
          <kb-key class="dark" char="&#x0009;" align="center"
              image="tab" weight="155"></kb-key>
          <kb-key-sequence keys="qwertyuiop"></kb-key-sequence>
          <kb-key-sequence keys="[]\" hintTexts="{}|"></kb-key-sequence>
        </kb-row>
        <kb-row>
          <kb-key class="search dark" char="Search" image='search'
              weight="210"></kb-key>
          <kb-key-sequence keys="asdfghjkl"></kb-key-sequence>
          <kb-key-sequence keys=";&apos;" hintTexts=':"'></kb-key-sequence>
          <kb-key class="dark" char="&#x000A;" align="right"
              image="return" sound="keypress-return" stretch weight="170"></kb-key>
        </kb-row>
        <kb-row>
          <kb-shift-key weight="265" align="left"></kb-shift-key>
          <kb-key-sequence keys="zxcvbnm"></kb-key-sequence>
          <kb-key-sequence keys=",./" hintTexts="<>?"></kb-key-sequence>
          <kb-shift-key stretch weight="135" align="right"></kb-shift-key>
        </kb-row>
        <kb-row>
          <kb-modifier-key class="symbol dark" stretch weight="150" char="Ctrl"
              align="left">ctrl</kb-modifier-key>
          <kb-modifier-key class="symbol dark" stretch weight="150" char="Alt"
              align="left">alt</kb-modifier-key>
          <kb-key char=" " sound="keypress-spacebar" class="space" weight="760">
          </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Left" image="left"
              weight="75"> </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Up" image="up"
              weight="75"></kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Down" image="down"
              weight="75"> </kb-key>
          <kb-key class="cursor dark" repeat char="Arrow-Right" image="right"
              weight="75"></kb-key>
          <kb-hide-keyboard-key image="hide-keyboard" stretch>
          </kb-hide-keyboard-key>
        </kb-row>
        <kb-altkey-container hidden>
        </kb-altkey-container>
      </kb-keyset>
    </kb-keyboard>
  </body>
</html>
